{extend name="base" /}
{block name="body"}
<div class="layui-body">
    <!--tab标签-->
    <div class="layui-tab layui-tab-brief">
        <ul class="layui-tab-title">
            <li class=""><a href="{:url('admin/article/index')}">文章列表</a></li>
            <li class="layui-this">添加文章</li>
        </ul>
        <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <form class="layui-form form-container" action="{:url('admin/article/add')}" method="post">
                    <input type="hidden" name="id" value="<?php echo empty($data['id'])?'':$data['id'];?>">
                    <div class="layui-form-item">
                        <label class="layui-form-label">* 标题</label>
                        <div class="layui-input-block">
                            <input type="text" name="title" value="<?php echo empty($data['title'])?'':$data['title'];?>" lay-verify="required" autocomplete="off" placeholder="请输入标题" class="layui-input">
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">封面图</label>
                        <div class="layui-input-block">
                            <input type="hidden" name="cover_pic" value="<?php echo empty($data['cover_pic'])?'':$data['cover_pic'];?>">
                            <img src="<?php echo empty($data['cover_pic'])?'':$data['cover_pic'];?>" id="img" style="width: 150px; <?php if(empty($data['cover_pic'])){ echo 'display: none';};?>">
                            <button type="button" class="layui-btn" id="upload"><i class="layui-icon"></i>上传封面</button>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">自动封面</label>
                        <div class="layui-input-block">
                            <input type="checkbox" name="auto_cover" <?php if($data['auto_cover'] == 'on'){?>checked="";<?php }?> lay-skin="switch" lay-text="是|否">
                        </div>
                    </div>
                    <div class="layui-form-item layui-form-text">
                        <label class="layui-form-label">* 摘要</label>
                        <div class="layui-input-block">
                            <textarea name="summary" lay-verify="required" placeholder="请输入摘要..." class="layui-textarea"><?php echo empty($data['summary'])?'':$data['summary'];?></textarea>
                        </div>
                    </div>
                    <div class="layui-form-item layui-form-text">
                        <label class="layui-form-label">* 内容</label>
                        <div class="layui-input-block">
                            <textarea id="default-template" name="body" lay-verify="required" placeholder="请输入内容..." class="layui-textarea"><?php echo empty($data['body'])?'':$data['body'];?></textarea>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <div class="layui-input-block">
                            <button class="layui-btn" lay-submit lay-filter="*" >保存</button>
                            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
{/block}
{block name="js"}
<script src="__JS__/layui/layui.js"></script>
<script src="__JS__/ueditor/ueditor.config.js"></script>
<script src="__JS__/ueditor/ueditor.all.js"></script>
{/block}
{block name="script"}
<script>
    var ue = UE.getEditor('default-template');
    ue.ready(function() {
        ue.setHeight(350);
        $('.reset').on('click',function(){
            ue.setContent('');
            $('textarea[name="body"]').html('');
        })
    });


    layui.use('upload', function(){
        var $ = layui.jquery
            ,upload = layui.upload;
        //拖拽上传
        upload.render({
            elem: '#upload'
            ,url: '/index.php/api/upload/upload'
            ,done: function(res){
                console.log(res)
                if(res.error > 0){
                    return layer.msg('上传失败');
                }
                //上传成功
                $('#img').show();
                $('#img').attr("src",res.url);
                $("input[name='cover_pic']").val(res.url);
            }
        });
    });

</script>
{/block}